
html,body,body > div { /* the react root */
	margin: 0; padding: 0; height: 100%;
}
h2 {
	margin: 0; font-size: 16px;
}
ul {
  	margin: 0; padding: 0 0 0 1.5em;
}
li {
	margin: 1.5em 0; padding: 0;
}
b { /* used for event dates/times */
	margin-right: 3px;
}
.demo {
	display: flex; min-height: 100%; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;	font-size: 14px;
}
.demo-sidebar {
  width: 300px; line-height: 1.5; background: #eaf9ff; border-right: 1px solid #d3e2e8;
}
.demo-sidebar-section {
  padding: 2em;
}
.demo-main {
  	flex-grow: 1; padding: 3em;
}
.demo-main .conclusion{
  	padding: 10px; background-color: #fff; margin-top: 10px; border-radius: 10px; border: 1px dashed #ccc;
}
.fc { /* the calendar root max-width: 1100px;*/
	max-height: 640px; margin: 0 auto;
}
/* 
 * 插件内部使用JavaScript动态计算，这种冲突方法是官网demo给出的写法，我之前尝试多次修改日历格都未成功， 
 *		之前使用的是老版本使用options.height选项解决。	
 */